import './App.scss';

// 引入路由规则组件
import Index from '@/router/Index';

// 引入tarbar组件
import Apptabbar from '@/components/Apptabbar';

import { useLocation } from 'react-router-dom'

function App() {
  // 将不显示tabbar 的路由地址存放到一个数组中, 然后每次切换路由的时候, 获取当前的路由地址
  // 判断当前的路由地址是否在 该数组中, 在的话,说明不显示, 否则正常显示即可
  const isNotShowtabbarArr = ['/login', '/detail', '/regist', '/cart'];
  const loc = useLocation();
  //console.log('loc', loc);
  const currentPathName = loc.pathname.split('/')[1]
  // console.log('currentPathName', currentPathName);

  return (
    <div className="App">
      {/* 使用路由规则和坑 */}
      <Index></Index>
      {/* 使用tabbar组件 */}
      {
        isNotShowtabbarArr.includes('/' + currentPathName) ? null : <Apptabbar></Apptabbar>
      }
    </div>
  );
}

export default App;
